<template>
    <div>
      <el-menu class="order-menu" active-text-color="#409EFF" mode="horizontal" router :default-active="$route.path">
        <el-menu-item :key="i" v-for="(item,i) in routeList" :index="item.route">{{item.name}}</el-menu-item>
      </el-menu>
      <router-view/>
    </div>
</template>
<script>
export default {
  name: 'navMenu',
  data () {
    return {
      routeList: [
        { name: '订单列表',
          route: '/orderManage/orderList'
        },
        { name: '订单统计',
          route: '/orderManage/orderCount'
        }
      ]
    }
  }
}
</script>
<style lang="postcss" scoped>
  .order-menu {
    margin-bottom: 15px;
  }
</style>
